This study addresses a practical aspect of hybrid dye-sensitized photoelectrochemical cells by exploring a simple method to prepare multicomponent systems. Building on a previously reported methodology based on a copper-free click chemistry dipolar cycloaddition of azide with activated alkyne, a naphthalene diimide (NDI) derivative substituted with two propiolic esters was clicked on a NiO photocathode already coated with a diketopyrrolopyrrole (DPP) dye bearing two azido groups. A detailed photophysical study by transient absorption spectroscopy demonstrates that optical excitation of DPP dye leads to an effective electron transfer chain from the NiO valence band to the NDI passing via the DPP dye, resulting in a long-lived charge-separated state (hole in NiO/NDI radical anion) of 170 μs. The p-type dye-sensitized solar cells were also fabricated with the above molecular components and confirm the occurrence of the electron transfer as the performances of the solar cells were improved in terms of Voc and Jsc compared to the DPP dye lacking the NDI unit. The above-clicked system was also compared to a covalently linked DPP–NDI dyad, whose performances are 30% superior to the clicked system probably due to longer mean distance between the NiO surface and the NDI with the dyad. This finding paves the way for the design of multicomponent hybrid dye-sensitized photoelectrochemical cells by chemistry on the electrode.